By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
424,851 Members | 1,131 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 424,851 IT Pros & Developers. It's quick & easy.

Positioning problems with IE6 & Firefox

P: n/a
Hi

Firstly, I've very little experience with CSS, so it's probably a very
simple answer to my problem.

I've "designed" a tabbed-dialogue form that is made up of a series of
<div>s. A brief example is at the end of this post (tag id's removed
for clarity).

Basically, I've set this us with some CSS rules and it works fine in
IE6. However, using firefox, some of the divs are appearing lower on
the page than I expected, resulting some boxes appearing outside their
parents.

Any suggestions as to where I've gone wrong and where I can correct it?
Am willing to post complete code if that's any help (or email it
direct if someone wishes).

Many thanks in advance.

Griff

<div class="settings">
<div class="settingsHeader">
<div class="row" id="row1">
<div class="tabHeader">
some text
</div>
<div class="tabHeader">
some text
</div>
</div>
<div class="row" id="row2">
</div>
</div>

<div class="settingsBody">
<div class="tabBody" >
h4>System settings</h4>
</div>
<div class="tabBody" >
h4>System settings</h4>
</div>
</div>

<div class="settingsFooter">

</div>

</div>

Jul 21 '05 #1
Share this Question
Share on Google+
2 Replies


P: n/a
The CSS would also be helpful.

Jul 21 '05 #2

P: n/a
Have you got a parent element floated and the child elements not? In my
experience this causes the child element to "pop" out of its parent.
ta

Jul 21 '05 #3

This discussion thread is closed

Replies have been disabled for this discussion.