[css-d] Div Positioning Changes when viewed on Smart Phone

[John Hannon]

Hello,

I am a CSS newbie and wondering why the positioning of my SWFObject
alternate content moves when viewed on an iphone and appears in the
center of the screen.

Here's the link:
http://www.drain-o.com/index.html

1) Is it because I've got a div=alternate2 set to absolute
positioning and nested inside of div=sidebarright?

2) Does anyone know of a way to view to get a browser view of how
this looks on an iphone?

Thank you for offering help.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div Positioning Changes when viewed on Smart Phone

[Dan Kaufman]

There is an app called iPhony but it only (as far as I know) runs on a Mac
with OS X 10.4.7.  Go to:
http://www.tuaw.com/2007/06/21/iphoney-iphone-web-simulator/

It works well for me as I'm still waiting for Feb. 10th when Verizon will
(finally) have the iPhone.



-Original Message-
From: css-d-boun...@lists.css-discuss.org
[mailto:css-d-boun...@lists.css-discuss.org] On Behalf Of John Hannon
Sent: Wednesday, January 26, 2011 11:52 AM
To: css-d@lists.css-discuss.org
Subject: [css-d] Div Positioning Changes when viewed on Smart Phone

Hello,

I am a CSS newbie and wondering why the positioning of my SWFObject
alternate content moves when viewed on an iphone and appears in the
center of the screen.

Here's the link:
http://www.drain-o.com/index.html

1) Is it because I've got a div=alternate2 set to absolute
positioning and nested inside of div=sidebarright?

2) Does anyone know of a way to view to get a browser view of how
this looks on an iphone?

Thank you for offering help.
__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/


__
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Div Positioning

[Robert Swilley]

Hello,

I've got a stripped down version of my site's header here:

http://www.rswilley.com/layout/index.html

I'm having an issue with the navigation in IE7.  If you take a look at it
you will see that the nav buttons are too low.  Why is there so much gap in
IE7?  If you look at it in Firefox it is basically where I want it.

Am I going to have to use two different styles and set the top of the nav
container or is it an issue with my code?

Thanks,
Robert
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div Positioning

[Gunlaug Sørtun]

Robert Swilley wrote:
 http://www.rswilley.com/layout/index.html
 
 I'm having an issue with the navigation in IE7.  If you take a look 
 at it you will see that the nav buttons are too low.  Why is there so
  much gap in IE7?  If you look at it in Firefox it is basically where
  I want it.

1: wrong selector. There's no ul inside #navlist - #navlist _is_ the ul.

2: vertical margin/padding defaults are left in place - you've only
zeroed them on the left side (or at least tried to do so), and these
defaults are not the same across browser-land.

Make it...

#navlist {
margin: 0;
padding: 0;
white-space: nowrap;
}
...and all browsers will agree - on one set of styles.

regards
Georg
-- 
http://www.gunlaug.no
__
css-discuss [cs...@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div positioning

[francky]

francky wrote 24-10:

[..]
BTW-1: The fixed very very small font-size is giving 
accessibility/usability problems in IE, even for visually 100% people, 
espacially at bigger screen resolutions (1280x1024 and more). The 
IE-folks cannot enlarge the font-size clientside...

BTW-2: The fixed format model is using only about 30% of the screen 
surface at 1280x1024...

BTW-3: The fixed very very small font-size in combination with the fixed 
format model is giving accesibility/usability problems in not-IE 
browsers as Firefox: if visitors enlarge the font-size, the design is 
gone...

All together: you could consider to make a more liquid model, without 
fixed font-sizes and without absolute positioned elements: automatically 
adapting to the screen and the needs of the visitor.
  

Hi Pete,
Also I think it is a bit crowded on the page. Almost every px is text, 
no space to breathe! The paradox is, that there is a lot of unused space 
around the fixed width/height wrapper. Should be used! :-)
According to this, I made a try to liquidize the page. In the meantime 
some (easy repeating) styles for the content items added.

* This was my starting point
  
http://home.tiscali.nl/developerscorner/css-discuss/test-fresh-o-gazetteer-color2.htm.
* And this is the liquidized testpage
  
http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-liquid.htm.
* Some comments are in the stylesheet
  
http://home.tiscali.nl/developerscorner/css-discuss/sheets/marylebone-liquid.css.

Attention: this is only as example. The testpage is a half product, not 
yet finished (search block still to be made liquid, fine tuning here and 
there, IE errors/bug to be repaired, and so on).
So: view in FF or Opera, not in IE (peekaboo'ing)!

Greetings,
francky




__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div positioning

[francky]

Just for safety:

Hi readers of my last message about the right link.

* http://archivist.incutio.com/viewlist/css-discuss/81019

Maybe I didn't compose the mail clear enough.
Did you scroll down over the original message to see the rest - my 
suggestions on the questions?

And I forgot to memorize, that after repairing the .venutitle the 
following classes like .venuinfo, .vifiller and so on, have to be 
checked too of course.

Greetings,
francky
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div positioning

[Pete Home]

Thanks Francky,

I saw the first error and didn't look down the email for the fix!

There is no missing DIV, I ran it through the validator and got the same
error, but I do not understand why. I move the fieldset in the form and
validate down to 1 error. If I add an extra div at the end, I get different
errors. I'm not sure why this happens.

Anyway, I added a 95% width to the bg0 and bg1 (ooops, forgot the .!) which
stops the scroll h/bar but still does nothing for the background color.

Regards
Pete

-Original Message-
From: francky [mailto:[EMAIL PROTECTED] 
Sent: 24 October 2006 10:36
To: [EMAIL PROTECTED]
Cc: css-d@lists.css-discuss.org
Subject: Re: [css-d] Div positioning

Just for safety:

Hi readers of my last message about the right link.

* http://archivist.incutio.com/viewlist/css-discuss/81019

Maybe I didn't compose the mail clear enough.
Did you scroll down over the original message to see the rest - my
suggestions on the questions?

And I forgot to memorize, that after repairing the .venutitle the
following classes like .venuinfo, .vifiller and so on, have to be
checked too of course.

Greetings,
francky

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div positioning

[francky]

Pete Home wrote:

Thanks Francky,
I saw the first error and didn't look down the email for the fix!
  

Hi Pete,
Glad I've send the safety message!

There is no missing DIV, I ran it through the validator and got the same
error, but I do not understand why. I move the fieldset in the form and
validate down to 1 error. 

This I don't understand. The html-validator as well as html-Tidy report 
this 1 error: a missing /div. They say it is the #container which 
isn't closed, but my experience is that the diagnosis of the validators 
is not always right: it can be missing also somewhere else...
In fact, I'm pretty sure it is somewhere in the div-mountains of the 
#content part, for in my examples I commented these out, and no error is 
coming:

* http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-5.htm

So brute force: I counted the starting div ...'s and the closing 
/div's ... two times ... and the validators are right: really there 
are 99 starting div's and 98 ending div's. :-)

If I add an extra div at the end, I get different
errors. I'm not sure why this happens.
  

You said, adding a fresh /div in the end is causing fresh errors: I 
don't understand that either.
If I make a new testpage, based on your actual page, with the added #99 
ending div, it is reporting no error or warning at all, nor in the 
html-editor, nor in html-Tidy:

* 
http://home.tiscali.nl/developerscorner/css-discuss/test-fresh-o-gazetteer.htm

Maybe it has something to do with testing the html from your local 
server, or with a residue in your cache? - Oh, correction, when I read 
this again. [1]

Anyway, I added a 95% width to the bg0 and bg1 (ooops, forgot the .!) which
stops the scroll h/bar 

Not yet in IE, which isn't good in computing %'s... Therefore I applied 
a straight 458px solution.

but still does nothing for the background color.

Regards
Pete

In IE the background color is already coming.
In FF not yet, but over there I see a small bar of the bg0 
background-color #CAD4E2 above the Atlas Gallery line. So you are 
close! :-)
I guess the color is in a containing div which is not stretching because 
of some floats inside.
Just back in a moment ...

... and see FF is cooperating:

* 
http://home.tiscali.nl/developerscorner/css-discuss/test-fresh-o-gazetteer-color.htm

Now only the venuinfo-class has to be adapted:

* 
http://home.tiscali.nl/developerscorner/css-discuss/test-fresh-o-gazetteer-color2.htm

or an other fine tuning which you like.
O, almost forgotten: going back to IE and see what it is playing now!
- Thank you MS, indeed correcting to get rid of an IE gap is needed; but 
that's another story... [2] ;-)

Success and greetings,
francky

PS:
Adding meta http-equiv=imagetoolbar content=no in the head will 
prohibit that IE-visitors are seeing this annoying toolbar, when 
hovering over an image. Not all IE-owners do know how to find the IE 
settings to turn it off. We can help them! :-)

[1]
I first thought you mean: new html-errors  that I don't understand. But 
if you mean: errors in the design of the page, I can understand. Adding 
a /div in the end (just to make the # of div's complete) can be no 
good, as the missing div is probably somewhere in the middle of the 
multi-div content. And adding a /div in an abitrary place can have 
inpredictible effects! - So if you want to sort out the missing /div, 
some more bug hunting is needed...

[2]
The vifiller-class is the culprit: empty div without some !-- comment 
to correct IE -- inside is giving the default line-height in IE. But 
also in FF this div is making kinda double borderline above the 
Photography line.
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div positioning

[Pete Home]

OK, I've done a lot more work on this and have get the basis of the tabular
layout, but I do not know why the pictures will not float right or left.

As this page is dynamic, and uses AJAX, I have reproduced the page
statically at www.themarjlebonejournal.com/newsite/o-gazetteer.asp

Regards
Pete

-Original Message-
From: Pete Home [mailto:[EMAIL PROTECTED] 
Sent: 22 October 2006 17:00
To: 'css-d@lists.css-discuss.org'
Subject: Div positioning

I'm trying to produce tabular type layout for venues and gigs using divs
where I end up with something like this;



VENU 1




VENU 1 DETAILS  |


V1g1 DETAILS|v1g1 PICTURE 


v1g2 PICTURE|v1g2 DETAILS


V1g3 DETAILS|


VENU 2




VENUE 2 DETAILS |


v2g1 DETAILS|


v2g2 DETAILS|v2g2 PICTURE



Etc

You'll notice that some gigs have pictures and some don't, and the pictures
are staggered left and right. A gig with a picture always starts a new
'row'.

I thought I'd end up with something like;

DIV ID=venu1 class=venueVenu1 name
div ID=venu1det class=venudetailsvenue 1 details/div
div id=v1g1 class=giggig 1 details/div
div id=v1g1pic class=gigpicimg src=v1g1.jpg/div
  div id=v1g2pic class=gigpicimg src=v1g2.jpg/div
div id=v1g2 class=giggig 2 details/div
div id=v1g3 class=giggig 3 details/div /div div
id=venu2 class=venueVenu2 name
div ID=venu2det class=venudetailsvenue 2 details/div
div id=v2g1 class=giggig 1 details/div
div id=v2g2 class=giggig 2 details/div
  div id=v2g2pic class=gigpicimg src=v2g2.jpg/div /div

All gigs and pictures will be 50% of the width 

What I wondered if there is some way of forcing this pattern of divs and
ensuring they start a new 'row' when there is a pictures associated with the
gig details.

Regards
Pete

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div positioning

[Pete Home]

Got even further now, and the problems with the pictures is resolved. I
forgot that I needed to float the picture before writing the text so the
text now flows around the picture.

I still have a couple of problems. Firstly, I cannot see why the
section_contents div has a horizontal scroll bar. I'm assuming it's
something to do you margins/padding. Also I have alternated the venues
inside a div with a class of bg0 or bg1 to alternate the background colours
however this seems to have no effect. Any ideas?

Regards
Pete

-Original Message-
From: Pete Home [mailto:[EMAIL PROTECTED] 
Sent: 23 October 2006 13:13
To: 'css-d@lists.css-discuss.org'
Subject: RE: Div positioning

OK, I've done a lot more work on this and have get the basis of the tabular
layout, but I do not know why the pictures will not float right or left.

As this page is dynamic, and uses AJAX, I have reproduced the page
statically at www.themarjlebonejournal.com/newsite/o-gazetteer.asp

Regards
Pete

-Original Message-
From: Pete Home [mailto:[EMAIL PROTECTED]
Sent: 22 October 2006 17:00
To: 'css-d@lists.css-discuss.org'
Subject: Div positioning

I'm trying to produce tabular type layout for venues and gigs using divs
where I end up with something like this;



VENU 1




VENU 1 DETAILS  |


V1g1 DETAILS|v1g1 PICTURE 


v1g2 PICTURE|v1g2 DETAILS


V1g3 DETAILS|


VENU 2




VENUE 2 DETAILS |


v2g1 DETAILS|


v2g2 DETAILS|v2g2 PICTURE



Etc

You'll notice that some gigs have pictures and some don't, and the pictures
are staggered left and right. A gig with a picture always starts a new
'row'.

I thought I'd end up with something like;

DIV ID=venu1 class=venueVenu1 name
div ID=venu1det class=venudetailsvenue 1 details/div
div id=v1g1 class=giggig 1 details/div
div id=v1g1pic class=gigpicimg src=v1g1.jpg/div
  div id=v1g2pic class=gigpicimg src=v1g2.jpg/div
div id=v1g2 class=giggig 2 details/div
div id=v1g3 class=giggig 3 details/div /div div
id=venu2 class=venueVenu2 name
div ID=venu2det class=venudetailsvenue 2 details/div
div id=v2g1 class=giggig 1 details/div
div id=v2g2 class=giggig 2 details/div
  div id=v2g2pic class=gigpicimg src=v2g2.jpg/div /div

All gigs and pictures will be 50% of the width 

What I wondered if there is some way of forcing this pattern of divs and
ensuring they start a new 'row' when there is a pictures associated with the
gig details.

Regards
Pete

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div positioning

[Pete Home]

Sorry Guy's, the link should be
www.marylebonejournal.com/newsite/o-gazetteer.asp

Regards
Pete

-Original Message-
From: Pete Home [mailto:[EMAIL PROTECTED] 
Sent: 23 October 2006 15:09
To: 'css-d@lists.css-discuss.org'
Subject: RE: Div positioning

Got even further now, and the problems with the pictures is resolved. I
forgot that I needed to float the picture before writing the text so the
text now flows around the picture.

I still have a couple of problems. Firstly, I cannot see why the
section_contents div has a horizontal scroll bar. I'm assuming it's
something to do you margins/padding. Also I have alternated the venues
inside a div with a class of bg0 or bg1 to alternate the background colours
however this seems to have no effect. Any ideas?

Regards
Pete

-Original Message-
From: Pete Home [mailto:[EMAIL PROTECTED]
Sent: 23 October 2006 13:13
To: 'css-d@lists.css-discuss.org'
Subject: RE: Div positioning

OK, I've done a lot more work on this and have get the basis of the tabular
layout, but I do not know why the pictures will not float right or left.

As this page is dynamic, and uses AJAX, I have reproduced the page
statically at www.themarjlebonejournal.com/newsite/o-gazetteer.asp

Regards
Pete

-Original Message-
From: Pete Home [mailto:[EMAIL PROTECTED]
Sent: 22 October 2006 17:00
To: 'css-d@lists.css-discuss.org'
Subject: Div positioning

I'm trying to produce tabular type layout for venues and gigs using divs
where I end up with something like this;



VENU 1




VENU 1 DETAILS  |


V1g1 DETAILS|v1g1 PICTURE 


v1g2 PICTURE|v1g2 DETAILS


V1g3 DETAILS|


VENU 2




VENUE 2 DETAILS |


v2g1 DETAILS|


v2g2 DETAILS|v2g2 PICTURE



Etc

You'll notice that some gigs have pictures and some don't, and the pictures
are staggered left and right. A gig with a picture always starts a new
'row'.

I thought I'd end up with something like;

DIV ID=venu1 class=venueVenu1 name
div ID=venu1det class=venudetailsvenue 1 details/div
div id=v1g1 class=giggig 1 details/div
div id=v1g1pic class=gigpicimg src=v1g1.jpg/div
  div id=v1g2pic class=gigpicimg src=v1g2.jpg/div
div id=v1g2 class=giggig 2 details/div
div id=v1g3 class=giggig 3 details/div /div div
id=venu2 class=venueVenu2 name
div ID=venu2det class=venudetailsvenue 2 details/div
div id=v2g1 class=giggig 1 details/div
div id=v2g2 class=giggig 2 details/div
  div id=v2g2pic class=gigpicimg src=v2g2.jpg/div /div

All gigs and pictures will be 50% of the width 

What I wondered if there is some way of forcing this pattern of divs and
ensuring they start a new 'row' when there is a pictures associated with the
gig details.

Regards
Pete

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div positioning

[francky]

Pete Home wrote:

Sorry Guy's, the link should be
www.marylebonejournal.com/newsite/o-gazetteer.asp

Regards
Pete
  

It's a difficult link! ;-)
I got result on:
http://www.THEmarylebonejournal.com/newsite/o-gazetteer.asp

-Original Message-
From: Pete Home [mailto:[EMAIL PROTECTED] 
Sent: 23 October 2006 15:09
To: 'css-d@lists.css-discuss.org'
Subject: RE: Div positioning

Got even further now, and the problems with the pictures is resolved. I
forgot that I needed to float the picture before writing the text so the
text now flows around the picture.

I still have a couple of problems. Firstly, I cannot see why the
section_contents div has a horizontal scroll bar. I'm assuming it's
something to do you margins/padding. Also I have alternated the venues
inside a div with a class of bg0 or bg1 to alternate the background colours
however this seems to have no effect. Any ideas?

Regards
Pete
  

I took my bug hunting glasses, and see:
Validating first. - Html-validator is friendly pointing to a missing 
/div. Repaired, but no effect on the hor. scroll bar.
Css-validator is falling over the IE-hover expression for a tr; cannot 
have repercussions for the scroll bar...
Then I changed the:

#section_content { overflow: auto; } 
in
#section_content { overflow: visible; }

in order to see if there would be something visible with an indication.
Step 1 
http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-1.htm

Yes! The content is overflowing horizontally, so the hor. scoll bar is 
correct. Maybe the image someway? Removed:
Step 2 
http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-2.htm

Not. - O.k., then fundamental measures: removed everything except the 
header.
Step 3 
http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-3.htm

Aha! Now it is alright. See if we can add some problems. ;-)
Step by step, first the class='venutitle'.
Step 4 
http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-4.htm

Ha, bingo! What is it? This class has a width of 100% AND a padding-left 
of 20px; that is 20px too much. - Bringing the padding back to 0 is 
showing that even 100% is too much, because the vertical spacebar has 
some horizontal space too. - Some playing is delevering:

.venutitle {
width: 458px;
padding-left:20px;
margin-left: 2px;
}

Testing: Step 5 
http://home.tiscali.nl/developerscorner/css-discuss/test-o-gazetteer-5.htm  
:-)

--- With respect to the background-colors: maybe a point before the bg0 
and bg1 in the css can help? (the css-validator doesn't react on that 
missing points!).

Success and greetings,
francky

BTW-1: The fixed very very small font-size is giving 
accessibility/usability problems in IE, even for visually 100% people, 
espacially at bigger screen resolutions (1280x1024 and more). The 
IE-folks cannot enlarge the font-size clientside...

BTW-2: The fixed format model is using only about 30% of the screen 
surface at 1280x1024...

BTW-3: The fixed very very small font-size in combination with the fixed 
format model is giving accesibility/usability problems in not-IE 
browsers as Firefox: if visitors enlarge the font-size, the design is 
gone...

All together: you could consider to make a more liquid model, without 
fixed font-sizes and without absolute positioned elements: automatically 
adapting to the screen and the needs of the visitor.



__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Div positioning

[Pete Home]

I'm trying to produce tabular type layout for venues and gigs using divs
where I end up with something like this;



VENU 1




VENU 1 DETAILS  |


V1g1 DETAILS|v1g1 PICTURE 


v1g2 PICTURE|v1g2 DETAILS


V1g3 DETAILS|


VENU 2




VENUE 2 DETAILS |


v2g1 DETAILS|


v2g2 DETAILS|v2g2 PICTURE



Etc

You'll notice that some gigs have pictures and some don't, and the pictures
are staggered left and right. A gig with a picture always starts a new
'row'.

I thought I'd end up with something like;

DIV ID=venu1 class=venueVenu1 name
div ID=venu1det class=venudetailsvenue 1 details/div
div id=v1g1 class=giggig 1 details/div
div id=v1g1pic class=gigpicimg src=v1g1.jpg/div
  div id=v1g2pic class=gigpicimg src=v1g2.jpg/div
div id=v1g2 class=giggig 2 details/div
div id=v1g3 class=giggig 3 details/div
/div
div id=venu2 class=venueVenu2 name
div ID=venu2det class=venudetailsvenue 2 details/div
div id=v2g1 class=giggig 1 details/div
div id=v2g2 class=giggig 2 details/div
  div id=v2g2pic class=gigpicimg src=v2g2.jpg/div
/div

All gigs and pictures will be 50% of the width 

What I wondered if there is some way of forcing this pattern of divs and
ensuring they start a new 'row' when there is a pictures associated with the
gig details.

Regards
Pete

__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] Div positioning.. strange!

[imprimerie-print]

Augusto Murri a écrit :

Hi all,
i would like position the two layers (div#header_LEFT  div#header_RIGHT) in 
just one row..

the page is http://www.opent.it/gasper/

I don't understand why i can't position it well... :(

Anyone can help me??

Thx a lot!!
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/



Hi Augusto,
I think 2 /div are missing.
try this:

div
			a href=# title=Indeximg 
src=Gasper%20%5B%20CMS%20multicanale%20%5D_fichiers/logo_gasper.png with=88 
alt=Gasper - Index id=logo height=93/a

/div
/div
/div
div id=header_RIGHT
Cordialy,

eric vesque


__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/