Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
display:inline in Firefox
- Thread starter kconmle
- Start date
- Thread starter
- #2
BillyRayPreachersSon
Programmer
Yes - because any width specified on an inline element should be ignored, so Fx is doing the right thing.
Dan
Coedit Limited - Delivering standards compliant, accessible web solutions
Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
- Thread starter
- #5
Hi
But note that older browsers are not supporting it.
Feherke.
Use [tt]inline-block[/tt].kconmle said:
But note that older browsers are not supporting it.
Feherke.
BillyRayPreachersSon
Programmer
You could try floating it...
Coedit Limited - Delivering standards compliant, accessible web solutions
Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
Coedit Limited - Delivering standards compliant, accessible web solutions
Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
- Thread starter
- #8
Here is my issue - image a table with 2 rows - the first one is colspan = 2, the second one is two cells... now the table is centered in the browser: width 95%, height 95%...
I want to do this with divs and it needs to show well in IE and FF... any guidance? I can get it to show fine in one - but not the other, then I add padding to the 2nd row divs and it throws the width and height off....
I want to do this with divs and it needs to show well in IE and FF... any guidance? I can get it to show fine in one - but not the other, then I add padding to the 2nd row divs and it throws the width and height off....
BillyRayPreachersSon
Programmer
Do you have a complete and valid DOCTYPE? Do both your HTML and CSS validate?
If the answer to any of those is 'no', then fix the problems and if you still can't get it, post a URL to the page, or the code itself.
Hope this helps,
Dan
Coedit Limited - Delivering standards compliant, accessible web solutions
Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
If the answer to any of those is 'no', then fix the problems and if you still can't get it, post a URL to the page, or the code itself.
Hope this helps,
Dan
Coedit Limited - Delivering standards compliant, accessible web solutions
Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
Try this:
----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
CSS:
*{
margin:0px;
padding:0px;
}
html,body{
width:100%;
height:100%;
}
#container{
width:95%;
height:95%;
background-color:#DDDDDD;
border:1px solid #888888;
margin-left:auto;
margin-right:auto;
}
#colspan2{
width:100%;
background-color:#994400;
height:50%;
}
.acell{
width:50%;
height:50%;
float:left;
}
#cell1{
background-color:#AAAAFF;
}
#cell2{
background-color:#AAFFAA;
}
HTML:
<div id="container">
<div id="colspan2">Colspan 2</div>
<div id="cell1" class="acell">Cell One</div> <div id="cell2" class="acell">Cell Two</div>
</div>----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
- Thread starter
- #11
- Thread starter
- #12
It was perfectly centered in IE for me. What doctype do you have in your page?
As for the borders, since they add to the boxes dimensions, they no longer fit in the alloted space. That is, their width is now 50% of the parent container, plus the width of the border. So the second cell drops under the first one.
You can reduce the width for the 2 bottom cells to compensate.
----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
As for the borders, since they add to the boxes dimensions, they no longer fit in the alloted space. That is, their width is now 50% of the parent container, plus the width of the border. So the second cell drops under the first one.
You can reduce the width for the 2 bottom cells to compensate.
----------------------------------
Phil AKA Vacunita
----------------------------------
Ignorance is not necessarily Bliss, case in point:
Unknown has caused an Unknown Error on Unknown and must be shutdown to prevent damage to Unknown.
- Thread starter
- #14
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
BillyRayPreachersSon
Programmer
Do you have anything before your DOCTYPE? If so, that'll cause IE to go into quirks mode.
Dan
Coedit Limited - Delivering standards compliant, accessible web solutions
Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
Dan
Coedit Limited - Delivering standards compliant, accessible web solutions
Dan's Page [blue]@[/blue] Code Couch:
Code Couch Tech Snippets & Info:
- Status
Similar threads
- Locked
- Question
- Locked
- Question
- Locked
- Question