Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

IE7 spacing issue help

Featured Replies

i am developing a new site and changed the design as well but encountered a space issue in IE7. I've tested it in FF3, Ie8, chrome, opera, safari and there is no issue.

This is how it should look:

http://tinypic.com/m/6r4qhc/4

 

this is how it looks now in ie7

http://tinypic.com/m/6r4qj6/4

 

the test link in case someone might want to take a look is:

click me

 

 

i appreciate any guidance.

thanks

In the body markup you have a div height: 64px and then put an image inside which is 128px high, so edit:-

 

<div style="width:980px;height:128px; background: skyblue;"><!--height was 64px-->
<div style="width:300px;float:left;  background: lime;">

<h2 class="categName" >Oscommerce Templates</h2>
</div>
<div style="width:64px;float:right"><img 
src="images/shopping_cart.png" border="0" alt="Let's See What We 
Have Here" title=" Let's See What We Have Here " width="128" 
height="128"></div>

 

I put in temporary background colors to see what was happening.

  • Author

In the body markup you have a div height: 64px and then put an image inside which is 128px high, so edit:-

 

<div style="width:980px;height:128px; background: skyblue;"><!--height was 64px-->
<div style="width:300px;float:left;  background: lime;">

<h2 class="categName" >Oscommerce Templates</h2>
</div>
<div style="width:64px;float:right"><img 
src="images/shopping_cart.png" border="0" alt="Let's See What We 
Have Here" title=" Let's See What We Have Here " width="128" 
height="128"></div>

 

I put in temporary background colors to see what was happening.

 

thank you so very much..i'm working hard on this script and have to add so many divs within tables..thanks a lot again

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.