PDA

Click to See Complete Forum and Search --> : Div impacting another div - help

qwik3r
11-12-2006, 07:31 PM
http://www.firebirdomain.com/joomla/
Having a major headache here. The div containing the lorem ipsum pushes the black bar down in IE and firefox and also the text breaks the div in firefox spilling out, how do i fix this? What i am trying to do is when the content of the black bar is filled it xpands the bar down and also expands the entire layout down so i put the black bar inside of the div where my main contents is. I think this is the problem however i couldn't think of any other way to make the entire layout xpand. Help! <div style="clear:both"></div> and it didn't do anything, please assist ccs gurus
qwik3r
11-12-2006, 08:15 PM
still no luck here the div containing the lorem ipsum pushes the div next to it down in IE and firefox and the text spills out of the div in firefox, i put <div style="clear:both"></div> after the content and right b4 the div, please help!
qwik3r
11-13-2006, 10:47 AM
edited
WebJoel
11-13-2006, 11:27 AM
You have got some errors in there... mainly, this one in the <style>...

<style type='text/css'>
div.cd_calpage{
line-height: 1.02em;
width: 40px;
float: left;
margin-top: 8px;
background: #fff;/* This should be background-color:#fff;*/
border-top: 1px solid #eee;
border-left: 1px solid #eee;
border-right: 1px solid #bbb;
border-bottom: 1px solid #bbb;
color: #aaa;
position: absolute;
text-align: center;
margin-right: 10px;
letter-spacing: 0.17em;
font-family: Arial, Verdana, sans;....

Is this what you are saying? Is there something named "div" in your HTML, or do you mean to say "#"?
I can't seem to find any ".cd_calpage" in your HTML either... :confused:

Also, when declaring 'just the background color', it is "background-color:", not just "background:" When you combine background attributes you would use "background:", like background:#fff url(folder/file.ext) repeat-x bottom left;

And, it's probably okay for transitional !doctype, but if you ever went to strict, your !comments like:
<!--end main contents-->
have the potential to create problems for browsers specifically Firefox, because a !comment must have a 'whitespace' after the two lines and one again before the two lines, like:
<!-- end main contents -->

EDITED:

Also, -whatever this is, this ".cd_calpage {foo:say;}", -it is only 40px wide(??) That is exactly twice as wide and a scrollbar is, so why it would even have a "text-align:center;" in it is strange... it is way too narrow to even support text (might support like one alphanumeric character, -but that's it...). hmm..
Anyway... still assimilating the code, looking for solutions. :)
qwik3r
11-13-2006, 11:29 AM
hey - not sure what .cd_calpage even is brotha! Reload the page for me if you will and check out my problem, also re-read my first post i edited it to make everyone understand better what the prob is
qwik3r
11-13-2006, 11:31 AM
o i see what you mean i didn't notice tha - i'm using a cms it added that crap but its not effecting my problem i have bigger fish to fry
WebJoel
11-13-2006, 11:46 AM
Okay, -this seems to be disabled, but it could be a source of headaches laster on...

<div id="maincontainer"><!==div holds main content floating over expandable background-->
<!--topbanner-->
</head>
<body>
<div id="banner">&nbsp;</div>
esp. if it turns out that "div" is some actual element on your page, because here you cite it (the "==" makes the !comment invalid, and the browser will try to render the word "div" as some element per cited in CSS...

and, you need to close this:
<script language="javascript" src=
"http://www.firebirdomain.com/joomla/templates/xpeeria/bgsleight.js"
type="text/javascript">
</script><!--transparent png JS for IE 5.5-->
<!--THIS HAS BEEN DISABLED UNTIL FURTHER NOTICE
<!--[if lt IE 7.]>
<script defer type="text/javascript" src="http://www.firebirdomain.com/joomla/templates/xpeeria/pngfix.js"></script>
<![endif]>
--> /* <- I added a proper close */
Jeff Mott
11-13-2006, 02:36 PM
it's probably okay for transitional !doctype, but if you ever went to strict, your !comments like:
<!--end main contents-->
have the potential to create problems for browsers specifically Firefox, because a !comment must have a 'whitespace' after the two lines and one again before the two lines, like:
<!-- end main contents -->Spaces where you describe are actually not required by the language syntax. How does FF choke if those spaces are not there?