How to have margin-left: 10%; margin-right: 10%; only sometimes??

  • Thread starter Thread starter Cal Who
  • Start date Start date
C

Cal Who

My website is created so that the width is not fixed. I adapt to the width
of the browser. If I have a page of text I do something like:

<div style=" margin-left: 10%; margin-right: 10%;">

so the text is set off by margins.

That's nice on my monitor's 1600 pixel wide screen.

But on a laptop (or as a user option) I'd like to change that to no margins.

Can you suggest a way of doing that without having two .css files?



Thanks
 
My website is created so that the width is not fixed. I adapt to the width
of the browser. If I have a page of text I do something like:

<div style=" margin-left: 10%; margin-right: 10%;">

so the text is set off by margins.

That's nice on my monitor's 1600 pixel wide screen.

But on a laptop (or as a user option) I'd like to change that to no margins.

Can you suggest a way of doing that without having two .css files?

Thanks
Click to expand...

http://groups.google.com/group/micr....aspnet/browse_thread/thread/8e42024fa63c0575
 
My website is created so that the width is not fixed. I adapt to the width
of the browser. If I have a page of text I do something like:

<div style=" margin-left: 10%; margin-right: 10%;">

so the text is set off by margins.

That's nice on my monitor's 1600 pixel wide screen.

But on a laptop (or as a user option) I'd like to change that to no
margins.

Can you suggest a way of doing that without having two .css files?

Thanks
Click to expand...

http://groups.google.com/group/micr....aspnet/browse_thread/thread/8e42024fa63c0575

var x;

if (self.innerWidth) // all except Explorer

x = self.innerWidth;

else if (document.documentElement && document.documentElement.clientWidth)//
Explorer 6 Strict Mode

x = document.documentElement.clientWidth;

else if (document.body) // other Explorers

x = document.body.clientWidth;



I don't understand what is happening. I debugger to see what is happening
and I pass through the x = document.documentElement.clientWidth; code. I'm
running vs2010 and IE8.

I do do this:

If (Request.Browser.Browser.Contains("Safari")) Then

Me.ClientTarget = "uplevel"

End If

That would set me to IE6 would it?

Got any idea what the problem might be?

Thanks
 
My website is created so that the width is not fixed. I adapt to the width
of the browser. If I have a page of text I do something like:

<div style=" margin-left: 10%; margin-right: 10%;">

so the text is set off by margins.

That's nice on my monitor's 1600 pixel wide screen.

But on a laptop (or as a user option) I'd like to change that to no
margins.

Can you suggest a way of doing that without having two .css files?

Thanks
Click to expand...

http://groups.google.com/group/micr....aspnet/browse_thread/thread/8e42024fa63c0575

Since I'm using a master page with this aspx page that contains the div I
want to change, I'm having trouble using your function since I can't pass it
the div's ID

I thought that within the div might call the function like so:

..
..
..
<script type="text/javascript">

qqload("QQQ");

</script>

</div>

</asp:Content>

Instead of "QQQ" I need to have the div's ID.

But I don't know how to do that!

What do you think?

Thanks
 
My website is created so that the width is not fixed. I adapt to the width
of the browser. If I have a page of text I do something like:

<div style=" margin-left: 10%; margin-right: 10%;">

so the text is set off by margins.

That's nice on my monitor's 1600 pixel wide screen.

But on a laptop (or as a user option) I'd like to change that to no
margins.

Can you suggest a way of doing that without having two .css files?

Thanks
Click to expand...

http://groups.google.com/group/micr....aspnet/browse_thread/thread/8e42024fa63c0575

I think I'm getting it. I found:
qqload(document.getElementById('<%=QQQ.ClientID%>'));
 
Back
Top